﻿//table分页        
var pageSize = 10;  //每页显示的记录条数   
var curPage = 0;   //显示第curPage页
var len;         //总行数
var page;        //总页数
$(function () {
    len = $("#show_tab tr").length - 1;   //去掉表头     
    page = len % pageSize == 0 ? len / pageSize : Math.floor(len / pageSize) + 1;//根据记录条数，计算页数
    console.log("len:" + len + "page:" + page);
    document.getElementById("page").value = page;
    curPage = 1;
    displayPage();//显示第一页
    $("#nextpage").click(function () {//下一页
        if (curPage < page) {
            curPage += 1;
        }
        else {
            alert("yishizuihouyiye");
        }
        displayPage();
    });
    $("#lastpage").click(function () {//上一页
        if (curPage > 1) {
            curPage -= 1;
        }
        else {
            alert("yishidiyiye");
        }
        displayPage();
    });
    $("#npage").click(function () {//跳到固定某一页
        var npage = parseInt(document.getElementById("curPage").value);
        if (npage > page || npage < 1) {
            alert("gaiyebucunzai");
        }
        else {
            curPage = npage;
        }
        displayPage();
    });
});

function displayPage() {
    var begin = (curPage - 1) * pageSize;//起始记录号
    var end = begin + pageSize;
    console.log("  begin:" + len + "   end:" + end);
    if (end > len) end = len;
    $("#show_tab tr").hide();
    $("#show_tab tr").each(function (i) {
        if (i - 1 >= begin && i - 1 < end)//显示第page页的记录
        {
            $("#show_tab_one").show();
            $(this).show();
            document.getElementById("curPage").value = curPage;
        }
    });

}
//function pageSize2() {
    curPage = 0;   //显示第curPage页   
    //pageSize = parseInt(document.getElementById("pageSize").value);
    pageSize = 3;
    len = $("#show_tab tr").length - 1;   //去掉表头     
    page = len % pageSize == 0 ? len / pageSize : Math.floor(len / pageSize) + 1;//根据记录条数，计算页数
    console.log("len:" + len + "   page:" + page);
    document.getElementById("page").value = page;
    curPage = 1;
    displayPage();//显示第一页   
//}
//前台代码
//    <table id="show_tab">
//<tr id="show_tab_one"><td>姓名</td><td>性格</td></tr>
//<tr><td>1</td><td>hao</td></tr>
//</table>
//<input id="lastpage" type="button" value="上一页">
//<input id="curPage" type="text" size="5">
//<input id="npage" type="button" value="确定">
//<input id="nextpage" type="button" value="下一页">
//共<input id="page" type="text" size="1" readonly="readonly">页
//    每页显示<input id="pageSize" type="text" value="2" size="5">行<input type="button" value="确定" onclick="pageSize2()">